@import "color";
$baseFontSize : 75;
@mixin px1rem($name,$px){
  #{$name} : $px / $baseFontSize * 1rem;
}
%boxSizing{
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}
@mixin borderRadius($radius){
  border-radius : $radius;
  -webkit-border-radius : $radius;
  -moz-border-radius : $radius;
}
.number-box{
  height: 45px;
  .choose-box-left{
    line-height: 45px;
  }
  .choose-box-right{
    width: 87px;
    .counter{
      height: 22px;
      margin-top: 11.5px;
      overflow: hidden;
      li{
        text-align: center;
        float: left;

        &:nth-child(1),&:nth-child(3){
          width : 19px;
          height : 19px;
          line-height : 19px;
          font-size: 0.752em;
          color: $mafu-text-blue;
          border: 1px solid $mafu-darken-blue;
          @include borderRadius(4px);
          cursor: pointer;
        }
        &:nth-child(2){
          width: 33px;
          height: 22px;
          line-height: 22px;
          margin-left : 4px;
          margin-right : 4px;
          background-color: rgba(63,110,224,.1);
          font-size: 0.752em;
          @include borderRadius(5px);
        }
        &.gray-counter{
          color: #b4b4b4;
          border: 1px solid #b4b4b4;
        }
      }
    }
  }
}